<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

    // console.log((100 + 200) * 3);
    // console.log((100 + 200) / 5);

    // 变量 => 常用于在JS中存储数据 (存储数据的容器 -> 存的是什么数据,取出来的就是什么数据)

    // 如何声明变量?
    // 声明变量需要借助关键词 var 变量名
    // (1)  先声明变量,在赋值
    // (2) 声明的同时赋值
    // (3) 一次性声明多个变量 (多个变量之间用逗号分隔)


    // 注意:
    // (1) 一般情况下,变量需要先声明,才能使用
    // (2) 如果只声明变量, 不赋值 默认返回undefined

    


    // (1)  先声明变量,再赋值
    
    // 先声明
    var x;
    var y;
    console.log(x);  // undefined  => 未定义(表示此处需要一个值,但是没有赋值)
    console.log(y);  // undefined  => 未定义(表示此处需要一个值,但是没有赋值)

    // 再赋值(=)
    x = 100;    // 将等号后的数据(100)赋值给等号前的变量 
    y = 200;
   
    console.log(x);  // 100 使用变量时,会先将存储的数据取出使用
    console.log(y);  // 200
    console.log(x + y); // 100 + 200 => 300 
   

    // (2) 声明的同时赋值
    
    var x = 100;
    var y = 200;
    var z = x + y; 
    
    console.log(x);
    console.log(y);
    console.log(x + y); 
    console.log(z);  
   

    // (3) 一次性声明多个变量 (多个变量之间用逗号分隔)
    // 3.1 先声明变量,再赋值
    
    var x,y,z;  
    console.log(x);
    console.log(y);
    console.log(z);

    x = 100,y = 200,z = x + y;
    console.log(x);
    console.log(y);
    console.log(z);
   

    // 3.2 声明的同时赋值
    var x = 100,y = 200,z = x + y;  
    console.log(x);
    console.log(y);
    console.log(z);








</script>
</html>